<#if view.getViewStyle?? && view.getViewStyle()??>
    <#assign viewStyle = view.getViewStyle()/>
    <#if viewStyle == 'STYLE2'>
        <#assign viewStyleMode = 'STYLE2'/>
    </#if>
</#if>
<studio-view<#if viewStyleMode??>-${viewStyleMode?lower_case}</#if> viewName="${view.getCodeName()?lower_case}" viewTitle="${view.getTitle()}" class='${view.getViewType()?lower_case} ${srffilepath2(view.getCodeName())}<#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>'>
    <@ibizindent blank=4>
    <#ibizinclude>./VIEW_CAPTION.vue.ftl</#ibizinclude>
    </@ibizindent>
    <#--  计算计数器  -->
    <#if view.getPSSysCounterRef?? && view.getPSSysCounterRef()?? && view.getPSSysCounterRef().getPSAppCounter()??>
    <#assign appCounter = view.getPSSysCounterRef().getPSAppCounter() />
    </#if>
    <#--  计算动态模型  -->
    <#if view.getPSDynaModel?? && view.getPSDynaModel()??>
    <#assign dynamicMode = view.getPSDynaModel()/>
    <#if dynamicMode.getPSDynaModelAttrs?? && dynamicMode.getPSDynaModelAttrs()??>
    <#list dynamicMode.getPSDynaModelAttrs() as attrItem>
    <#--  计算快速分组模式  -->
    <#if attrItem.getName() == 'QuickGroupMode'>
    <#assign quickGroupMode = attrItem.getValue()/>
    <#elseif attrItem.getName() == 'QuickGroupModePos'>
    <#assign quickGroupModePos = attrItem.getValue()/>
    </#if>
    </#list>
    </#if>
    </#if>
    <#--  快捷搜索  -->
    <#if view.isEnableQuickSearch?? && view.isEnableQuickSearch() && view.getViewType()?index_of('EXPVIEW') == -1 && view.getViewType()?index_of('MEDITVIEW') == -1>
    <#assign placeholder = ""/>
    <#if ctrl.getPSAppDataEntity()?? && ctrl.getPSAppDataEntity().getAllPSAppDEFields()??>
    <#list ctrl.getPSAppDataEntity().getAllPSAppDEFields() as field>
    <#if field.getPSDEField()??>
    <#if field.isEnableQuickSearch()><#assign placeholder += "," + field.getPSDEField().getLogicName()/></#if>
    </#if>
    </#list>
    </#if>
    <i-input slot='quickSearch' clearable <#if view.hasPSControl('searchform')><#if view.isExpandSearchForm??> v-show="!isExpandSearchForm"</#if></#if> v-model="query" placeholder="<#if placeholder?length gt 0>${placeholder?substring(1)}</#if>" search @on-search="onSearch($event)"/>
    </#if>
<#if view.getPSViewMsgGroup()??>
    <#assign viewMsgGroup = view.getPSViewMsgGroup()/>
    <#compress>
    <template slot="topMessage">
        <#if viewMsgGroup.getCodeName()??>
        <app-alert-group position='TOP' :context="context" :viewparam="viewparams" infoGroup='${viewMsgGroup.getCodeName()}' viewname='${view.getCodeName()?lower_case}'></app-alert-group>
        <#else>
        <app-alert-group position='TOP' :context="context" :viewparam="viewparams" infoGroup='${viewMsgGroup.getName()}' viewname='${view.getCodeName()?lower_case}'></app-alert-group>
        </#if>
    </template>
    <template slot="bottomMessage">
        <#if viewMsgGroup.getCodeName()??>
        <app-alert-group position='BOTTOM' :context="context" :viewparam="viewparams" infoGroup='${viewMsgGroup.getCodeName()}' viewname='${view.getCodeName()?lower_case}'></app-alert-group>
        <#else>
        <app-alert-group position='BOTTOM' :context="context" :viewparam="viewparams" infoGroup='${viewMsgGroup.getName()}' viewname='${view.getCodeName()?lower_case}'></app-alert-group>
        </#if>
    </template>
    </#compress>
</#if>
    <#if view.isEnableQuickGroup?? && view.isEnableQuickGroup() && !view.hasPSControl('gridexpbar') && !view.hasPSControl('dataviewexpbar') && !view.hasPSControl('listexpbar')>
    <#if quickGroupMode?? && quickGroupMode == 'TABS'>
    <template slot="quickGroupTab">
        <view-quick-group-tab <#if quickGroupModePos??> tabMode='${quickGroupModePos}'</#if>:items="quickGroupModel"<#if appCounter??> :counterService="${appCounter.getCodeName()?lower_case}counterservice"</#if> @valuechange="quickGroupValueChange($event)"></view-quick-group-tab>
    </template>
    <#else>
    <template slot="quickGroupSearch">
        <app-quick-group :items="quickGroupModel"<#if appCounter??> :counterService="${appCounter.getCodeName()?lower_case}counterservice"</#if> @valuechange="quickGroupValueChange($event)"></app-quick-group>
    </template>
    </#if>
    </#if>
    <#if view.getQuickPSDESearchForm?? && view.getQuickPSDESearchForm()??>
    <template slot="quickSearchForm">
        ${P.getCtrlCode(view.getQuickPSDESearchForm(), 'CONTROL.html').code}
    </template>
    </#if>
    <#if view.hasPSControl('datapanel')>
    <template slot="dataPanel">
        <@ibizindent blank=8>
        ${P.getCtrlCode('datapanel', 'CONTROL.html').code}
        </@ibizindent>
    </template>
    </#if>
    <#if view.hasPSControl('toolbar')>
    <template slot="toolbar">
        <@ibizindent blank=8>
        ${P.getCtrlCode('toolbar', 'CONTROL.html').code}
        </@ibizindent>
    </template>
    </#if>
    <#if view.hasPSControl('searchform')>
    <template slot="searchForm">
        <@ibizindent blank=8>
        ${P.getCtrlCode('searchform', 'CONTROL.html').code}
        </@ibizindent>
    </template>
    </#if>
    <#if view.hasPSControl('searchbar')>
    <template slot="searchBar">
        <@ibizindent blank=8>
        ${P.getCtrlCode('searchbar', 'CONTROL.html').code}
        </@ibizindent>
    </template>
    </#if>
    <#if view_content??>
    <@ibizindent blank=4>
    ${view_content}
    </@ibizindent>
    </#if>
</studio-view<#if viewStyleMode??>-${viewStyleMode?lower_case}</#if>>